@layer components {
    [is-~='view'] {
        position: relative;
    }

    [is-~='view-content'] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: round(down, 100%, 1ch);
        height: round(down, 100%, 1lh);
        overflow: hidden;
        word-break: break-all;
    }
}
